<template>
  <div class="allmessage">
    <span>小米笔记本的相关商品分类</span>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品有品商品有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
    <a href="">有品商品</a>
  </div>
</template>

<script>
export default {
  name: "AllListMessage",
};
</script>

<style lang="less" scoped>
.allmessage {
  width: 1226px;
  margin: 0 auto;
  padding: 15px 20px;
  background-color: #fff;
  box-sizing: border-box;
  span {
    color: #d0d0d0;
    font-size: 14px;
  }
  a {
    display: inline-block;
    color: #666;
    font-size: 14px;
    padding: 20px;
    &:hover {
      color: #fe6673;
    }
  }
}
</style>